import { View, Image, Swiper, SwiperItem } from '@tarojs/components'

import './index.scss'

const bannerData = [
  {
      uri: require('../../../../assets/detailImg/swiperImg/swiper1.png'),
  },
  {
      uri: require('../../../../assets/detailImg/swiperImg/swiper2.png'),
  },
  {
      uri: require('../../../../assets/detailImg/swiperImg/swiper3.png'),
  }
]

function Index () {
  return (
    <View className="banner-container">
      <Swiper className="banner-swipers" indicatorDots>
        {
          bannerData.map(item => (
            <SwiperItem className='banner-swipers-item'>
              <Image className="banner-image" src={item.uri} mode='aspectFit' />
            </SwiperItem>
          ))
        }
      </Swiper>
  </View>
  )
}

export default Index
